React是一個巨大且紛雜的主題,對於很多開發者來說,相對於JS,充斥的許多不同的意見、看法、甚至是分歧。
今天,我們就來看看其中一個常見的主題:JSX
。
如果你已經學習過React使用它一陣子,我相信你可能被再三叮嚀你不應該在JSX中使用箭頭函數。這是因為:每次render時都會創建一個額外的函數,這對性能有很大的傷害。例如以下這個例子:
export function App() {
return (
<div>
<button onClick={() => console.log("Click")}>Click</button>
</div>
);
}
但是事實是。這種實操對於性能的影響是可以忽略不計的。甚至它的好處遠超過於他的壞處,舉例來說:它很方便,更具有可讀性。
未完待續...